﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="description" content="">
    <meta http-equiv="x-dns-prefetch-control" content="on">

    <title>嘉定计量质量检测公共服务平台</title>
    <link href="css/css.css" rel="stylesheet" type="text/css"><!--全局-->
    <link href="css/jiliang.css" rel="stylesheet" type="text/css"><!--指定-->
    <link href="css/jquery-ui.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="common/js/jquery-easyui-1.2.5/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="common/js/jquery-easyui-1.2.5/themes/icon.css">
    <script  src="common/js/jquery-easyui-1.2.5/jquery-1.7.1.min.js">  //引入jq
	</script> 
	<script type="text/javascript" src="common/js/json2.js"></script>
	<script type="text/javascript" src="common/js/jquery.min.js"></script>
	<script  src="common/js/init.js"> </script> 
	<script  src="common/js/basefast.js" >  </script> 
	<script type="text/javascript" src="common/js/jquery.autocomplete.js"></script>
  <script type="text/javascript" src="common/js/layer/layer.min.js"></script>       
     <script type="text/javascript" src="common/js/jquery-ui.js"></script>
     
    <script type="text/javascript"> 
    
    $(document).ready(function(){
    			//自动联想产品
    			var searchdata="";
    			$("#unit_name").autocomplete({
    			      source: function( request, response ) {
    			        $.ajax({
    			          url: "http://101.200.228.33/jdjlsall/html/app/wb/dynamicService_dynamicInvoke.action?sService=LoginService&sMethod=getUnitName",
    			          dataType: "json",
    			          data: {  'q':request.term,  'pagesize':20   },
    			          success: function( data ) {  
    			        	  searchdata=data.rows; 
    			        	  response( $.map( searchdata, function( item ) {
    			        		  return{
    			        			  content:item.CONTENT, 
    			                      value: item.WARE_NAME
    			        		  }
    			              }));
    			          }
    			        });
    			      },
    			      minLength: 2,
    			      select: function( event, ui ) {   
    			    	  	$("#content").empty();
    			    	  	$("#content").append(ui.item.content);
    			      }
    			    });		
    				
    			
    		});
    		
    		 
    </script> 
</head>
<body>
<section class="searchbtnarea">
    <div class="searcharea">
        <input class="formstyle w100" type="text" placeholder="输入搜索内容" id="unit_name"/>
    </div>
    <button class="btn searchbtn"  id="btn">搜索</button>
</section>
<section class="infogroup3 mt77">
    <div class="group-title">搜索结果</div>
    <div class="textarea mt10" id="content">
     		  
       </div>
</section>
</body>
</html>